.list {
    margin         : 0;
    padding        : 0 0 10px 0;
    list-style-type: none;
    display        : flex;
    flex-wrap      : wrap;

    .item {
        width     : 20%;
        margin-top: 10px;

        .link {
            color          : #333;
            text-decoration: none;
        }

        .img {
            width        : 240px;
            height       : 135px;
            display      : block;
            margin       : 0 auto;
            border-radius: 10px;
        }

        .title {
            margin       : 0;
            line-height  : 24px;
            padding      : 0 10px;
            font-size    : 16px;
            font-weight  : normal;
            white-space  : nowrap;
            overflow     : hidden;
            text-overflow: ellipsis;
        }

        .desc {
            margin            : 0;
            line-height       : 24px;
            padding           : 0 10px;
            font-size         : 14px;
            font-weight       : normal;
            color             : #777;
            overflow          : hidden;
            text-overflow     : ellipsis;
            display           : -webkit-box; //作为弹性伸缩盒子模型显示
            -webkit-box-orient: vertical; //设置伸缩盒子的子元素排列方式-从上至下
            -webkit-line-clamp: 2; //显示行
        }
    }
}